<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <!--<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">-->
    <style type="text/css">
        html,body,div{
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        #div_left{
            height: 100%;
            width: 10%;
            float: left;
            background-color: #a6e1ec;
        }
        #div_right{
            height: 100%;
            width: 90%;
            float: right;
        }
        iframe{
            height: 100%;
            width: 100%;
        }
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 100%;
            background-color: lightyellow;
        }

        li a {
            display: block;
            color: #5bc0de;
            padding: 8px 16px;
            text-decoration: none;
        }

        /* 鼠标移动到选项上修改背景颜色 */
        li a:hover {
            background-color: #b9def0;
            color: white;
        }
    </style>
</head>
<body>
<section style="overflow:hidden;margin:0;"><section data-role="outer" label="Powered by 365editor" style="font-family:微软雅黑;font-size:16px;"><section class="KolEditor">
    <section style="display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;">
        <section style="display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;">
            <section style="width:190px;flex-shrink: 0;z-index: 4;align-self: flex-start;" class=""><img src="http://editor-material.oss-cn-beijing.aliyuncs.com/style/20190402/1554195479/%E6%96%B0%E5%A2%9E%E7%B4%A0%E6%9D%90_0.gif" alt="" style="max-width: 100%; vertical-align: bottom; height: auto;" data-tools-id="75346"></section>
            <section style="padding: 5px 35px; background: linear-gradient(90deg, rgb(170,183,239), rgb(253,194,242)); border-radius: 10px; margin: -40px 10px -50px; box-sizing: border-box;">
                <p style="font-size: 24px;color: #000000;margin:0;text-align: center;">欢迎来到spring boot图书馆</p></section>
            <section style="width:190px;flex-shrink: 0;align-self: flex-end;"><img src="http://editor-material.oss-cn-beijing.aliyuncs.com/style/20190402/1554195479/%E6%96%B0%E5%A2%9E%E7%B4%A0%E6%9D%90_1.gif" alt="" style="max-width: 100%; vertical-align: top; height: auto;"></section></section></section></section>
</section></section>
<div id="div_left">
    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a href="user">借书还书</a></li>
        <li><a href="shijian">查看时间</a></li>
        <li><a href="webdb">个人信息</a></li>
        <li><a href="kefudb">客服交互</a></li>

    </ul>
</div>
<div id="div_right">
    <iframe th:src="${url}" ></iframe>
</div>
</body>
</html>
